<script setup lang="ts">
function open(url: string) {
  window.open(url, '_blank')
}

const UIdialog = ref(false)
function switchUI() {
  UIdialog.value = true
}
</script>

<template>
  <FmPageLayout :navbar="false" copyright tabbar>
    <svg class="absolute top-2/5 z-0 -translate-y-1/2" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 800 800" opacity="0.5"><defs><filter id="bbburst-blur-1" x="-100%" y="-100%" width="400%" height="400%"><feGaussianBlur in="SourceGraphic" stdDeviation="1" /></filter><filter id="bbburst-blur-2" x="-100%" y="-100%" width="400%" height="400%"><feGaussianBlur in="SourceGraphic" stdDeviation="2" /></filter><filter id="bbburst-blur-3" x="-100%" y="-100%" width="400%" height="400%"><feGaussianBlur in="SourceGraphic" stdDeviation="4" /></filter><filter id="bbburst-blur-4" x="-100%" y="-100%" width="400%" height="400%"><feGaussianBlur in="SourceGraphic" stdDeviation="12" /></filter><symbol id="bbburst-shape-1" viewBox="0 0 194 167"><path d="m97 0 96.129 166.5H.871L97 0Z" /></symbol><symbol id="bbburst-shape-4" viewBox="0 0 149 143"><path d="M71.647 2.781c.898-2.764 4.808-2.764 5.706 0l15.445 47.534a3 3 0 0 0 2.853 2.073h49.98c2.906 0 4.115 3.719 1.764 5.427L106.96 87.193a2.999 2.999 0 0 0-1.09 3.354l15.445 47.534c.898 2.764-2.266 5.062-4.617 3.354l-40.435-29.378a3 3 0 0 0-3.526 0l-40.435 29.378c-2.351 1.708-5.515-.59-4.617-3.354L43.13 90.547a3 3 0 0 0-1.09-3.354L1.605 57.815c-2.35-1.708-1.142-5.427 1.764-5.427h49.98a3 3 0 0 0 2.853-2.073L71.647 2.781Z" /></symbol><symbol id="bbburst-shape-6" viewBox="0 0 133 116"><path d="M59.7487 10.2513c-13.6683-13.66839-35.8291-13.66839-49.4974 0-13.66839 13.6683-13.66839 35.8291 0 49.4974l49.4974-49.4974ZM66.5 66.5 41.7513 91.2487 66.5 115.997l24.7487-24.7483L66.5 66.5Zm56.249-6.7513c13.668-13.6683 13.668-35.8291 0-49.4974-13.669-13.66839-35.8294-13.66839-49.4977 0l49.4977 49.4974Zm-112.4977 0 31.5 31.5 49.4974-49.4974-31.5-31.5-49.4974 49.4974Zm80.9974 31.5 31.5003-31.5-49.4977-49.4974-31.5 31.5 49.4974 49.4974Z" /></symbol><symbol id="bbburst-shape-8" viewBox="0 0 87 168"><path d="m12 12 31.2546 18.0749c16.4102 9.4902 20.014 31.6325 7.4603 45.8369L36.3296 92.1884c-12.5684 14.2206-8.9394 36.3916 7.5068 45.8636L75 156" stroke-width="14" stroke-linecap="round" stroke-linejoin="round" /></symbol><symbol id="bbburst-shape-10" viewBox="0 0 145 145"><circle cx="72.5" cy="72.5" r="61.5" fill="none" stroke-width="22" /></symbol></defs><use xlink:href="#bbburst-shape-6" width="26.416031353675077" opacity="0.5558125008595394" transform="matrix(0.8948913757080802,0.44628401907675314,-0.44628401907675314,0.8948913757080802,764.4989705590918,7.394036236793511)" fill="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-1" width="31.6181173108733" opacity="0.24447893397779907" transform="matrix(1.0181298934052316,-0.7251975731858538,0.7251975731858538,1.0181298934052316,83.84057233816316,344.0911679213252)" fill="#2c2891" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-6" width="38.35836701644857" opacity="0.3939041554887399" transform="matrix(0.9818636343718777,0.18958851098641893,-0.18958851098641893,0.9818636343718777,185.3241317450107,-20.441183043098818)" fill="#00a19d" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-4" width="27.436063205739657" opacity="0.634055200115319" transform="matrix(0.7945493008807643,0.6071996446556015,-0.6071996446556015,0.7945493008807643,778.3792528597228,-1.5005415967389695)" fill="#2c2891" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-6" width="19.286593148931928" opacity="0.6929890267054223" transform="matrix(0.9998675263528706,0.01627666258763093,-0.01627666258763093,0.9998675263528706,487.69150345038605,104.00194476171367)" fill="#ffa6d5" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-1" width="26.285962047362066" opacity="0.5884257064355131" transform="matrix(0.9323517281447373,0.3615525619125409,-0.3615525619125409,0.9323517281447373,420.41836124322595,169.89367200498566)" fill="#ffa6d5" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-4" width="28.138131344890343" opacity="0.24151611584353583" transform="matrix(1.2140347401183973,-0.2976905268658307,0.2976905268658307,1.2140347401183973,-76.20470313003861,-52.070508080368654)" fill="#ff5c58" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="41.96410692439042" opacity="0.16276858481360978" transform="matrix(1.1813328357357196,0.40859849634158424,-0.40859849634158424,1.1813328357357196,180.77138375624097,36.64211297396139)" fill="none" stroke="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="23.294275791580883" opacity="0.7884943613282643" transform="matrix(0.8207015175269758,-0.5713571729915701,0.5713571729915701,0.8207015175269758,141.47627412313483,-14.586693829285423)" fill="none" stroke="#2c2891" /><use xlink:href="#bbburst-shape-6" width="23.253094199109952" opacity="0.6777859835962992" transform="matrix(0.9978821316634325,-0.06504806920150548,0.06504806920150548,0.9978821316634325,297.768605869114,-128.20171692630942)" fill="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-4" width="33.946456612090714" opacity="0.17469749546888036" transform="matrix(1.1502628113244515,-0.48928055845697516,0.48928055845697516,1.1502628113244515,-178.79689032308565,-127.52881309943399)" fill="#ffbd9b" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="17.503837823956527" opacity="0.8840634618774533" transform="matrix(0.9671106934827564,-0.25435586596597687,0.25435586596597687,0.9671106934827564,329.4322054291615,49.302907128432366)" fill="none" stroke="#ffa6d5" /><use xlink:href="#bbburst-shape-10" width="39.46823225673065" opacity="0.14322513219973998" transform="matrix(1.167719666328466,0.44601657017395263,-0.44601657017395263,1.167719666328466,785.609295854234,-385.13758115993556)" fill="none" stroke="#ff5c58" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-4" width="38.9288980066375" opacity="-0.06642004913641286" transform="matrix(1.7481345161113895,0.08078188893556315,-0.08078188893556315,1.7481345161113895,732.5319725182615,-645.1062632953099)" fill="#ffa6d5" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-6" width="20.488913772353985" opacity="0.6941195012737249" transform="matrix(0.886062851439946,-0.46356512303894504,0.46356512303894504,0.886062851439946,68.76949642174395,34.44576912703553)" fill="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-6" width="20.80932923777674" opacity="0.6831023743850402" transform="matrix(0.9772575024190081,0.2120560632610215,-0.2120560632610215,0.9772575024190081,518.9299369767407,142.44732832606815)" fill="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-10" width="26.14008901483358" opacity="0.5271024527024384" transform="matrix(0.8380168949831764,0.5456442831394422,-0.5456442831394422,0.8380168949831764,543.4505206764961,260.65950212407415)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-6" width="38.5994596380744" opacity="0.20228209083124982" transform="matrix(1.2256950819055399,-0.24529893231029717,0.24529893231029717,1.2256950819055399,634.1701440327786,-39.01742401620646)" fill="#ff5c58" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-6" width="34.03377174978507" opacity="0.2636163413758421" transform="matrix(1.0742282380507913,-0.6391664044474588,0.6391664044474588,1.0742282380507913,-133.30590378832116,-225.06762711889436)" fill="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="13.373055185250985" opacity="0.8726705337045912" transform="matrix(0.947840818549115,0.31874407083449224,-0.31874407083449224,0.947840818549115,482.64398739792546,61.15429598490982)" fill="none" stroke="#ff5c58" /><use xlink:href="#bbburst-shape-6" width="38.20607374520945" opacity="0.30085489897027917" transform="matrix(0.9294283220167407,0.8358606308668604,-0.8358606308668604,0.9294283220167407,424.58467490690794,-104.85491982685306)" fill="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-6" width="20.30381738255501" opacity="0.6785184671801652" transform="matrix(0.9938856040396487,-0.11041470048296415,0.11041470048296415,0.9938856040396487,289.6218157181378,136.90375632681474)" fill="#2c2891" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-6" width="18.669357324120497" opacity="0.6575368445004026" transform="matrix(0.8753453416810841,-0.48349822419242244,0.48349822419242244,0.8753453416810841,290.78957167865883,-68.99021079222337)" fill="#ff5c58" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-8" width="34.6844094516455" opacity="0.4409424222203059" transform="matrix(0.9955757113541631,0.09396277433990582,-0.09396277433990582,0.9955757113541631,428.22080504220344,-251.3116102527606)" fill="none" stroke="#ffbd9b" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-1" width="37.60867558154684" opacity="0.1445054336727435" transform="matrix(1.2171858832594042,-0.2845321169815874,0.2845321169815874,1.2171858832594042,24.645750448950025,-383.5278737376741)" fill="#ffa6d5" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="32.794407343640955" opacity="0.2767332868589536" transform="matrix(1.2434521524739712,-0.1277761499961862,0.1277761499961862,1.2434521524739712,616.0677410898945,57.14712244346788)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="19.485949492344034" opacity="0.7592137588253466" transform="matrix(0.7883200326962686,-0.6152654110623756,0.6152654110623756,0.7883200326962686,248.22322269886865,54.13543279115419)" fill="none" stroke="#ffbd9b" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-10" width="26.19360101215321" opacity="0.44874471816313344" transform="matrix(0.7725965110979194,-0.634897338976407,0.634897338976407,0.7725965110979194,359.4744605104281,-8.244242253234574)" fill="none" stroke="#00a19d" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-10" width="27.897460483637857" opacity="0.2854849461789576" transform="matrix(1.2299793951583662,-0.22282434222018796,0.22282434222018796,1.2299793951583662,89.36636688164285,159.35998335327554)" fill="none" stroke="#ffbd9b" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-6" width="36.27649639080377" opacity="0.22023273250004471" transform="matrix(1.2122519408471433,0.304869204598192,-0.304869204598192,1.2122519408471433,778.9754860971674,-303.21524296908626)" fill="#ffa6d5" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-1" width="30.156812483801453" opacity="0.5595186722367804" transform="matrix(0.8488054609464469,-0.5287052954789555,0.5287052954789555,0.8488054609464469,241.17140455197887,-118.62281838320263)" fill="#2c2891" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-10" width="28.465136667021834" opacity="0.1925273132808426" transform="matrix(1.1245857747312715,-0.5457168086765019,0.5457168086765019,1.1245857747312715,-115.94243357035177,187.50994458277995)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-8" width="22.772606059316328" opacity="0.6364280141054937" transform="matrix(0.8582258388406303,-0.5132722567471346,0.5132722567471346,0.8582258388406303,178.72306691122498,-100.93608993451369)" fill="none" stroke="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-6" width="35.54500352575896" opacity="0.48087915178256946" transform="matrix(0.958508856073423,-0.2850627524402622,0.2850627524402622,0.958508856073423,41.38010278460905,74.46026839745804)" fill="#ffa6d5" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-10" width="18.046398850828204" opacity="0.9574403449777207" transform="matrix(0.9646991492264526,0.26335442180027774,-0.26335442180027774,0.9646991492264526,496.8768531345968,30.894384742960142)" fill="none" stroke="#00a19d" /><use xlink:href="#bbburst-shape-4" width="23.408844280637563" opacity="0.6367804684088002" transform="matrix(0.7081552981953446,0.7060567070978524,-0.7060567070978524,0.7081552981953446,533.5753487041859,25.04461043075338)" fill="#ff5c58" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-10" width="41.55651638804689" opacity="0.2642812811776739" transform="matrix(1.2427530248429088,0.13440580063301039,-0.13440580063301039,1.2427530248429088,651.6587270374946,144.15439068218308)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-4" width="17.949129162646432" opacity="0.798918311753063" transform="matrix(0.8844518856945768,-0.46663139831274464,0.46663139831274464,0.8844518856945768,119.33917903123952,22.521968540329965)" fill="#00a19d" /><use xlink:href="#bbburst-shape-4" width="14.859938209965907" opacity="0.8693897729801137" transform="matrix(0.7233414119049179,0.6904905515815549,-0.6904905515815549,0.7233414119049179,672.1756703913004,164.30165808837796)" fill="#2c2891" /><use xlink:href="#bbburst-shape-10" width="40.562644811325725" opacity="0.2642811599036019" transform="matrix(1.177891378629033,0.41841594155982603,-0.41841594155982603,1.177891378629033,614.3428022176136,-403.04281080444673)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-4" width="23.019122039343472" opacity="0.6892028121127827" transform="matrix(0.9905348575016841,0.13726141509586143,-0.13726141509586143,0.9905348575016841,583.3595890428223,1.992116791112153)" fill="#ffa6d5" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-8" width="13.308157012883006" opacity="0.8505629688734552" transform="matrix(0.8484537296467857,-0.5292695614225885,0.5292695614225885,0.8484537296467857,116.00730993113373,73.15890688445796)" fill="none" stroke="#ffa6d5" /><use xlink:href="#bbburst-shape-4" width="29.936838172794538" opacity="0.049708162293127356" transform="matrix(1.69312962159218,-0.4425065925917051,0.4425065925917051,1.69312962159218,-163.92527185249548,-42.283279621731594)" fill="#00a19d" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-8" width="35.35551902487354" opacity="0.38452574143774754" transform="matrix(0.9479318226938659,-0.3184733262367278,0.3184733262367278,0.9479318226938659,532.2948246542818,9.461417984865989)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-4" width="21.351314321199105" opacity="0.6423664559648137" transform="matrix(0.9595094671283049,0.2816763790081737,-0.2816763790081737,0.9595094671283049,494.3770754450114,173.94164251177205)" fill="#2c2891" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-10" width="16.2854986019584" opacity="0.8172883901867557" transform="matrix(0.7200389045134103,0.693933697111711,-0.693933697111711,0.7200389045134103,753.3895891363628,115.75051520674276)" fill="none" stroke="#ffa6d5" /><use xlink:href="#bbburst-shape-8" width="28.272569437891605" opacity="0.3709642989706964" transform="matrix(0.9903687702907983,0.1384546815123708,-0.1384546815123708,0.9903687702907983,641.3045839601917,-198.4974772323666)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-8" width="30.756526946174013" opacity="0.19689600446076505" transform="matrix(0.8948765357540839,0.8727519611875816,-0.8727519611875816,0.8948765357540839,718.4179499815281,-332.37245398434163)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-4" width="18.16667503216277" opacity="0.7698989074328813" transform="matrix(0.926112251002737,-0.37724805969367625,0.37724805969367625,0.926112251002737,230.9559506131129,136.08355114854578)" fill="#ffa6d5" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-4" width="21.885065989769494" opacity="0.7925758768593798" transform="matrix(0.9403425238414829,0.34022924309269803,-0.34022924309269803,0.9403425238414829,561.6935872022045,106.32026829640472)" fill="#ff5c58" /><use xlink:href="#bbburst-shape-10" width="28.749315554570373" opacity="0.2809432881863717" transform="matrix(1.2495622703198281,0.03307767514740126,-0.03307767514740126,1.2495622703198281,697.7343379961311,-215.2606692272039)" fill="none" stroke="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-6" width="15.443229565023426" opacity="0.795885989749451" transform="matrix(0.9633116896753093,-0.26838514961692744,0.26838514961692744,0.9633116896753093,356.8859655086748,74.18377079864905)" fill="#ff5c58" /><use xlink:href="#bbburst-shape-1" width="29.478637863200223" opacity="0.17145715237847048" transform="matrix(1.1292003958040162,-0.5361030368465127,0.5361030368465127,1.1292003958040162,534.3723451991259,-117.68676108281767)" fill="#2c2891" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-4" width="19.85911382368745" opacity="0.5815606819356425" transform="matrix(0.8877406248402884,0.46034398335176974,-0.46034398335176974,0.8877406248402884,722.8540374520534,157.3447868598775)" fill="#2c2891" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-4" width="18.498919664324916" opacity="0.9321936095044238" transform="matrix(0.9993315421687766,-0.03655774646466429,0.03655774646466429,0.9993315421687766,345.7373810131898,-2.0362046820878277)" fill="#ffbd9b" /><use xlink:href="#bbburst-shape-6" width="13.693142541305319" opacity="0.863489453033575" transform="matrix(0.9989318178279983,-0.046208476828941844,0.046208476828941844,0.9989318178279983,426.74018408035937,-31.861084170371157)" fill="#ffa6d5" /><use xlink:href="#bbburst-shape-10" width="35.268122653482536" opacity="0.0747390020798605" transform="matrix(1.7106019611993228,0.3692437275581409,-0.3692437275581409,1.7106019611993228,162.4638308501252,-508.2100598787268)" fill="none" stroke="#ff5c58" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-6" width="40.60128481498418" opacity="-0.07392494469178357" transform="matrix(1.6869113086032348,-0.4656503375994929,0.4656503375994929,1.6869113086032348,-160.74457489792087,77.88525043039954)" fill="#2c2891" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-1" width="40.94105502846296" opacity="0.5120942761336786" transform="matrix(0.9025418585238841,-0.4306021291311194,0.4306021291311194,0.9025418585238841,141.144696882964,-160.86364847351163)" fill="#00a19d" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-1" width="36.596532889900544" opacity="0.3372881407998708" transform="matrix(0.7247904765392196,-0.688969349911918,0.688969349911918,0.7247904765392196,-157.60792428117813,251.90369391823623)" fill="#ff5c58" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-10" width="25.921761180647998" opacity="0.10736055772919317" transform="matrix(1.475459727483159,-0.9410199745889151,0.9410199745889151,1.475459727483159,369.8087149891469,-11.015154621386046)" fill="none" stroke="#ff5c58" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-10" width="33.04736653297553" opacity="0.4608349328757705" transform="matrix(0.9982348681428221,0.05938979730460901,-0.05938979730460901,0.9982348681428221,203.06883778473758,-131.3170558801445)" fill="none" stroke="#ff5c58" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-4" width="44.89232396679711" opacity="0.08091988444936682" transform="matrix(1.6321400698746786,0.6313626472238273,-0.6313626472238273,1.6321400698746786,392.8425252548857,81.32881514532562)" fill="#00a19d" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-4" width="30.61737391309776" opacity="0.4198131748320779" transform="matrix(0.8393141145334597,0.543646776082517,-0.543646776082517,0.8393141145334597,750.9343508175571,272.1917211169002)" fill="#ffbd9b" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-4" width="19.3306295959121" opacity="0.7658690604199302" transform="matrix(0.9970292456966028,0.07702391333646531,-0.07702391333646531,0.9970292456966028,495.1905213970417,-74.51667099407894)" fill="#ffa6d5" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-4" width="34.73405345005027" opacity="0.5448379996351069" transform="matrix(0.999616062540463,-0.027707896186850607,0.027707896186850607,0.999616062540463,170.7703617321028,-39.793976204333546)" fill="#2c2891" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-10" width="37.47511444510972" opacity="0.37425387956885814" transform="matrix(0.943842384170447,0.33039605603494476,-0.33039605603494476,0.943842384170447,354.094633226263,-215.17814033599382)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-10" width="36.143780999103996" opacity="0.05442213361677595" transform="matrix(1.6984447659652357,0.42164603278733215,-0.42164603278733215,1.6984447659652357,777.3188617276672,64.80917428335795)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-10" width="36.56633839492573" opacity="0.3081899990048894" transform="matrix(0.9118894984013848,-0.8549605503795311,0.8549605503795311,0.9118894984013848,-45.025579241467824,-248.21820622873884)" fill="none" stroke="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="51.17960397461315" opacity="-0.06893970122033855" transform="matrix(1.7235227941923668,-0.3032642047775109,0.3032642047775109,1.7235227941923668,-100.81759025041902,-626.4455964052045)" fill="none" stroke="#00a19d" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-6" width="21.660677019537395" opacity="0.5358670064608531" transform="matrix(0.8389240949497108,-0.5442484385947365,0.5442484385947365,0.8389240949497108,321.06690550885764,-77.19528425384175)" fill="#00a19d" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-6" width="19.072300852945485" opacity="0.867975695412889" transform="matrix(0.9560646494762371,-0.2931559073630955,0.2931559073630955,0.9560646494762371,235.4508086153137,-25.15734662214487)" fill="#ffa6d5" /><use xlink:href="#bbburst-shape-10" width="34.44989454416138" opacity="0.30763750302158366" transform="matrix(1.2314596709209886,-0.21449260801988168,0.21449260801988168,1.2314596709209886,178.77763135840624,200.9846213927941)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-4" width="25.28901381671598" opacity="0.5644023592835734" transform="matrix(0.8557086099396285,-0.5174579933436034,0.5174579933436034,0.8557086099396285,277.36538352476487,235.65197416972285)" fill="#2c2891" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-6" width="17.981292274075628" opacity="0.9360349057717411" transform="matrix(0.9339565985462233,-0.35738644634620487,0.35738644634620487,0.9339565985462233,249.5906789609321,0.861810235563155)" fill="#2c2891" /><use xlink:href="#bbburst-shape-4" width="26.875733205415827" opacity="0.5570324433766652" transform="matrix(0.9020873199288372,0.43155355081798114,-0.43155355081798114,0.9020873199288372,433.39482500429915,-120.17555443435748)" fill="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-6" width="34.08808709611311" opacity="0.3815863678264644" transform="matrix(0.9986117664686351,-0.05267390122624303,0.05267390122624303,0.9986117664686351,435.4871052873753,269.8367451414996)" fill="#ff5c58" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-1" width="35.99078188960184" opacity="0.1767831192608167" transform="matrix(1.0971959609939557,0.5988831465140341,-0.5988831465140341,1.0971959609939557,691.0209658713641,313.9284179971748)" fill="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-6" width="29.749860014218438" opacity="0.1177029301974728" transform="matrix(1.2018664151199367,-0.3435361992669067,0.3435361992669067,1.2018664151199367,79.705570616574,-436.7592777611839)" fill="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-6" width="30.833740021494805" opacity="0.15590334401171135" transform="matrix(1.1270597886457088,0.5405887834739919,-0.5405887834739919,1.1270597886457088,495.8010750433953,306.4377146837421)" fill="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-6" width="18.463822400332052" opacity="0.7297876650701348" transform="matrix(0.9986616593917805,0.05171933933119487,-0.05171933933119487,0.9986616593917805,444.9879456327544,-116.82606277723028)" fill="#ffa6d5" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-10" width="22.793528027293668" opacity="0.7781641681733864" transform="matrix(0.9938739247677828,0.11051977952694102,-0.11051977952694102,0.9938739247677828,373.9537133656526,81.7689779219973)" fill="none" stroke="#ffbd9b" /><use xlink:href="#bbburst-shape-8" width="25.708002196035583" opacity="0.6308646129962682" transform="matrix(0.9997513299379795,0.022299737380541296,-0.022299737380541296,0.9997513299379795,236.087019462269,44.51826198899744)" fill="none" stroke="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-1" width="35.11116364325612" opacity="0.12479613460197658" transform="matrix(0.9873679933973254,-0.7665536156163764,0.7665536156163764,0.9873679933973254,232.57344151731564,-342.86038535715346)" fill="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="26.03272212160093" opacity="0.5404016468296393" transform="matrix(0.7329610166212789,-0.6802706432836135,0.6802706432836135,0.7329610166212789,151.16125402275594,319.87040716539934)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-6" width="39.79098241492075" opacity="0.3910174789155494" transform="matrix(0.8048673646848262,0.5934547373349571,-0.5934547373349571,0.8048673646848262,886.4854050047372,135.61533324792236)" fill="#ffbd9b" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-1" width="38.54718583364994" opacity="0.19525872042670156" transform="matrix(1.1070627632826489,0.5804412443589669,-0.5804412443589669,1.1070627632826489,760.7957003519333,275.6563883169359)" fill="#00a19d" filter="url(#bbburst-blur-3)" /><use xlink:href="#bbburst-shape-10" width="22.464784793855586" opacity="0.6675250663600203" transform="matrix(0.9997402513869925,0.022791001660150523,-0.022791001660150523,0.9997402513869925,279.04108926629146,90.73208269007068)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-4" width="35.9851213840529" opacity="0.48095453774484065" transform="matrix(0.995413538124793,-0.09566550118972493,0.09566550118972493,0.995413538124793,157.15082077857866,143.97077409757281)" fill="#ffbd9b" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-4" width="19.341228594598842" opacity="0.8473677178671943" transform="matrix(0.9095580059880713,-0.41557698894790074,0.41557698894790074,0.9095580059880713,245.366383043814,-25.37783187969785)" fill="#00a19d" /><use xlink:href="#bbburst-shape-10" width="31.122608075162102" opacity="0.42666818743213764" transform="matrix(0.9347556836933607,0.35529116482535517,-0.35529116482535517,0.9347556836933607,505.6252503477608,277.63323531713723)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-8" width="33.05237437541884" opacity="0.06168935576936119" transform="matrix(1.579038218120365,0.7544125567057212,-0.7544125567057212,1.579038218120365,1036.735508970527,-462.98419402429863)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-6" width="27.98034949739368" opacity="0.44117623848325294" transform="matrix(0.9188719837015616,-0.3945557977882939,0.3945557977882939,0.9188719837015616,92.22170289280186,248.7813573851751)" fill="#00a19d" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-8" width="37.12621837593663" opacity="0.4384973373264587" transform="matrix(0.8295285542312407,-0.5584643029908245,0.5584643029908245,0.8295285542312407,368.37631888106404,223.22648724541313)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-10" width="27.983276816484043" opacity="0.5593999594345938" transform="matrix(0.9575329508745078,0.28832385955650164,-0.28832385955650164,0.9575329508745078,693.8746966903442,62.64204380075341)" fill="none" stroke="#2c2891" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-6" width="43.58416436486924" opacity="0.07855832738612067" transform="matrix(1.7363088580396244,-0.21847551234208357,0.21847551234208357,1.7363088580396244,600.154615794529,-32.74065307102569)" fill="#ffa6d5" filter="url(#bbburst-blur-4)" /><use xlink:href="#bbburst-shape-10" width="41.663330985679025" opacity="0.3861697969354583" transform="matrix(0.9009474079936586,0.4339282982584889,-0.4339282982584889,0.9009474079936586,681.5751343323127,-214.83300033492876)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-2)" /><use xlink:href="#bbburst-shape-6" width="16.79244977896319" opacity="0.7531249130021647" transform="matrix(0.9659176055855678,-0.2588497232369459,0.2588497232369459,0.9659176055855678,207.3685886368855,-60.24495098134241)" fill="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-6" width="15.914272257549815" opacity="0.9298545212577191" transform="matrix(0.9584742608796021,0.28517905117890485,-0.28517905117890485,0.9584742608796021,537.8917654535644,11.60817172849687)" fill="#ff5c58" /><use xlink:href="#bbburst-shape-10" width="18.48447167035644" opacity="0.7667763650842055" transform="matrix(0.9723227386716432,-0.23364180247138008,0.23364180247138008,0.9723227386716432,199.31630099331582,50.154995787129565)" fill="none" stroke="#ffa6d5" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-10" width="21.010553712678306" opacity="0.7007416847786461" transform="matrix(0.8507328033448063,0.5255984182939359,-0.5255984182939359,0.8507328033448063,724.7619710169704,107.96888592493974)" fill="none" stroke="#00a19d" filter="url(#bbburst-blur-1)" /><use xlink:href="#bbburst-shape-1" width="34.01792536906908" opacity="-0.09511205163284386" transform="matrix(1.7021267138295475,0.4065275514252701,-0.4065275514252701,1.7021267138295475,883.1938942223621,59.67886736497519)" fill="#ffbd9b" filter="url(#bbburst-blur-4)" /></svg>
    <div class="z-1 flex flex-1 flex-col items-center justify-center gap-4">
      <img src="@/assets/images/logo.png" class="h-40 w-40">
      <div class="bg-gradient-[to_bottom,#AE3FF5,#6EC0F9] bg-gradient-linear bg-clip-text text-4xl text-transparent font-bold">
        Fantastic-mobile
      </div>
      <div class="text-3xl text-dark/80 font-bold dark-text-light/80">
        别具一格, 自成一派
      </div>
      <div class="mt-4 flex gap-4">
        <FmButton @click="open('https://fantastic-mobile.hurui.me')">
          <FmIcon name="i-ri:file-text-line" />
          开发文档
        </FmButton>
        <FmButton variant="outline" @click="switchUI">
          切换组件库
        </FmButton>
      </div>
      <FmModal v-model="UIdialog" title="切换组件库" description="演示站挑选了以下 2 款组件库作为示例，你可以点击访问并预览" :footer="true">
        <div class="rounded-2 bg-green/20 px-4 py-2 text-sm/6 c-green-6">
          为了视觉风格统一，同时也能服务于更多开发者，本框架支持与 Vant 组件库解耦，意味着可以轻松将 Vant 组件库替换成其他 UI 组件库，并且不会影响框架原本的功能。
        </div>
        <div class="mt-4 flex flex-wrap justify-center gap-2">
          <FmButton variant="outline" class="w-full" @click="open('https://fantastic-mobile.hurui.me/varlet-example/')">
            <FmIcon name="https://varletjs.org/varlet_icon.png" />
            访问 Varlet 演示站
          </FmButton>
          <FmButton variant="outline" class="w-full" @click="open('https://fantastic-mobile.hurui.me/nut-example/')">
            <FmIcon name="https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png" />
            访问 NutUI 演示站
          </FmButton>
        </div>
      </FmModal>
    </div>
  </FmPageLayout>
</template>
